@import './varible.less';

.tabBar {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    .list {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 60px;
        background-color: #fff;
        border-top: 1px solid #f0f0f0;
        .link {
            display: block;
            flex-basis: 33.33333%;
            flex-shrink: 0;
            text-align: center;
            i {
                display: inline-block;
                width: 26px;
                height: 26px;
                background-size: cover;
            }
            .i-index {
                background-image: url(../images/i_index.png);
            }
            .i-collect {
                background-image: url(../images/i_collect.png);
            }
            .i-home {
                background-image: url(../images/i_home.png);
            }

            span {
                display: block;
                font-size: 16px;
            }

            &.active {
                .i-index {
                    background-image: url(../images/i_index_on.png);
                }
                .i-collect {
                    background-image: url(../images/i_collect_on.png);
                }
                .i-home {
                    background-image: url(../images/i_home_on.png);
                }
                span {
                   color: @activeColor;
                }
            }
        }
    }
}


::-webkit-scrollbar {
    display: none;
}